<template>
  <div>
    <!-- 柱形图 -->
    <barCharts />
    <!-- 雷达图 -->
    <radar-charts></radar-charts>
    <!-- 圆环图 -->
    <pie-charts></pie-charts>
    <!-- 折线图 -->
    <line-charts></line-charts>
    <!-- 甘特图 -->
    <ganttchart></ganttchart>
    <!-- 轮播图 -->
    <swiper></swiper>
  </div>
</template>

<script>
import barCharts from "@/components/echarts/barCharts.vue";
import RadarCharts from "../components/echarts/radarCharts.vue";
import PieCharts from "../components/echarts/pieCharts.vue";
import LineCharts from "../components/echarts/lineCharts.vue";
import Ganttchart from "../components/echarts/Ganttchart.vue";
import Swiper from "../components/echarts/swiper.vue";
export default {
  name: "Chart",
  components: {
    barCharts,
    RadarCharts,
    PieCharts,
    LineCharts,
    Ganttchart,
    Swiper,
  },
};
</script>

<style lang="scss" scoped>
</style>